page{
  background-color: white;
}
.detail-view{
  padding: 23px;
  .item-view{
    display: flex;
    justify-content: space-between;

  }
  .title-view{
    display: flex;
    justify-content: space-between;
  }

  .right-view{
    margin-left: 10px;
    width: 80vw;
  }

  .head-img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
  }
  .result_poker-view{
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
    margin-left: 38px;
  }
  .result_poker-img{
    margin-right: 10px;
    width: 80px;
    height: 155px;
  }

.button-view{
  border-radius: 25px;
  background-color: #5b08a4;
  height: 44px;
  width: 87vw;
  color: #FFFFFF;
  line-height: 44px;
  position: absolute;
  bottom: 20px;
}
.feedback-content-view {
  width: calc(~"100vw - 40px");
}

.textarea-view{
  width: 70vw;
  margin: 25px auto;
  height: 10vh;
  border: 1px solid #b9b9b9 ;
  padding: 10px;
}
.current-word-num {
  position: absolute;
  font-size: 32rpx;
  color: #A8A8A8;
  bottom: 5px;
  right: 35px;
  z-index: 2;
  font-weight: bold;
}
.starcss
{
  font-size: 60rpx;
  margin: 4px;
  color:#E0E401;
}

.voice-view{
  width: 183px;
  height: 32px;
    background-color: #d73f0a;
  padding-left: 15px;
  border-top-left-radius:10px;

  border-top-right-radius:20px;

  border-bottom-right-radius:20px;

  border-bottom-left-radius:25px;
  @keyframes yuying1{
    0%{
      height: 10%;
    }
    20%{
      height: 50%;
    }
    50%{
      height: 100%;
    }
    80%{
      height: 50%;
    }
    100%{
      height: 0%;
    }
  }

  #container{
    width: 170px;
    height: 16px;
  }
  #container #id_0{
    animation:yuying1 0.5s infinite 0.1s;
  }
  #container #id_1{
    animation:yuying1 0.6s infinite 0.3s;
  }
  #container #id_2{
    animation:yuying1 0.6s infinite 0.5s;
  }
  #container #id_3{
    animation:yuying1 0.6s infinite 0.7s;
  }
  #container #id_4{
    animation:yuying1 0.6s infinite 0.9s;
  }
  #container #id_5{
    animation:yuying1 0.6s infinite 1.1s;
  }
  #container #id_6{
    animation:yuying1 0.6s infinite 1.3s;
  }

  .wave{
    width:2px;
    height: 100%;
    margin-top: 7px;
    margin-left: 5px;
    border-radius: 50px;
    background-color: #FFFFFF;
    vertical-align: middle;
    display: inline-block;
  }
}

}